<template>
  <div :class="['show-card', margin && 'margin']">
    <div v-show="title" class="show-card-title">
      <div class="show-card-title--left">{{ title }}</div>
      <slot name="right"></slot>
    </div>
    <div>
      <slot name="default" />
    </div>
  </div>
</template>

<script>
import './index.less';

export default {
  props: {
    title: String,
    margin: Boolean,
  },
};
</script>
